<!DOCTYPE html>
<!-- 
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 4
Author: KeenThemes
Website: http://www.keenthemes.com/
Contact: support@keenthemes.com
Follow: www.twitter.com/keenthemes
Dribbble: www.dribbble.com/keenthemes
Like: www.facebook.com/keenthemes
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
Renew Support: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
-->
<html lang="en" >
<!-- begin::Head -->

<!-- end::Head -->
<!-- end::Body -->
<body  class="m-page--fluid m--skin- m-content--skin-light2 m-header--fixed m-header--fixed-mobile m-aside-left--enabled m-aside-left--skin-dark m-aside-left--offcanvas m-footer--push m-aside--offcanvas-default"  >
	<!-- begin:: Page -->
	<div style="position:fixed;top:0;left:0;height: 100vh;width: 100vw;background-color:rgba(50,50,50,0.5);text-align: center;z-index: 99;vertical-align: center;" ng-show="shadow"><label style="margin-top: 48vh;z-index:2000;font-size: 20px;background-color:white;padding:10px;border-radius: 5px" >加载中</label></div>

	<div class="m-grid m-grid--hor m-grid--root m-page">
		<!-- BEGIN: Header -->
		<header id="m_header" class="m-grid__item    m-header "  m-minimize-offset="200" m-minimize-mobile-offset="200" >
			<div class="m-container m-container--fluid m-container--full-height">
				<div class="m-stack m-stack--ver m-stack--desktop">
					<!-- BEGIN: Brand -->
					<div class="m-stack__item m-brand  m-brand--skin-dark ">
						<div class="m-stack m-stack--ver m-stack--general">
							<div class="m-stack__item m-stack__item--middle m-brand__logo">
								<a href="index.html" class="m-brand__logo-wrapper">
									<img alt="" src="image/static/home.png"/> 
								</a>
							</div>
							<div class="m-stack__item m-stack__item--middle m-brand__tools">
								<!-- BEGIN: Left Aside Minimize Toggle -->
								<a href="javascript:;" id="m_aside_left_minimize_toggle" class="m-brand__icon m-brand__toggler m-brand__toggler--left m--visible-desktop-inline-block 
								">
								<span></span>
							</a>
							<!-- END -->
							<!-- BEGIN: Responsive Aside Left Menu Toggler -->
							<a href="javascript:;" id="m_aside_left_offcanvas_toggle" class="m-brand__icon m-brand__toggler m-brand__toggler--left m--visible-tablet-and-mobile-inline-block">
								<span></span>
							</a>
							<!-- END -->
							<!-- BEGIN: Responsive Header Menu Toggler -->
							<a id="m_aside_header_menu_mobile_toggle" href="javascript:;" class="m-brand__icon m-brand__toggler m--visible-tablet-and-mobile-inline-block">
								<span></span>
							</a>
							<!-- END -->
							<!-- BEGIN: Topbar Toggler -->
							<a id="m_aside_header_topbar_mobile_toggle" href="javascript:;" class="m-brand__icon m--visible-tablet-and-mobile-inline-block">
								<i class="flaticon-more"></i>
							</a>
							<!-- BEGIN: Topbar Toggler -->
						</div>
					</div>
				</div>
				<!-- END: Brand -->
				<div class="m-stack__item m-stack__item--fluid m-header-head" id="m_header_nav">
					<!-- BEGIN: Horizontal Menu -->
					<button class="m-aside-header-menu-mobile-close  m-aside-header-menu-mobile-close--skin-dark " id="m_aside_header_menu_mobile_close_btn">
						<i class="la la-close"></i>
					</button>
					<top-bar></top-bar>
					<!-- END: Horizontal Menu -->								<!-- BEGIN: Topbar -->

					<!-- END: Topbar -->
				</div>
			</div>
		</div>
	</header>
	<!-- END: Header -->		
	<!-- begin::Body -->
	<div class="m-grid__item m-grid__item--fluid m-grid m-grid--ver-desktop m-grid--desktop m-body">
		<!-- BEGIN: Left Aside -->
		<button class="m-aside-left-close  m-aside-left-close--skin-dark " id="m_aside_left_close_btn">
			<i class="la la-close"></i>
		</button>
		<div id="m_aside_left" class="m-grid__item  m-aside-left  m-aside-left--skin-dark ">
			<side-bar></side-bar>
		</div>

		<!-- END: Left Aside -->
		<div class="m-grid__item m-grid__item--fluid m-wrapper">
			<!-- BEGIN: Subheader -->
			<div class="m-subheader ">
				<div class="d-flex align-items-center">
					<div class="mr-auto">
						<h3 class="m-subheader__title m-subheader__title--separator" ng-show="id == undefined">
							添加管理员
						</h3>
						<h3 class="m-subheader__title m-subheader__title--separator" ng-show="((id != undefined) && (!info))">
							修改管理员信息
						</h3>
						<h3 class="m-subheader__title m-subheader__title--separator" ng-show="((id != undefined) && (info))">
							管理员信息
						</h3>
						<ul class="m-subheader__breadcrumbs m-nav m-nav--inline">
							<li class="m-nav__item m-nav__item--home">
								<a href="/" class="m-nav__link m-nav__link--icon">
									<i class="m-nav__link-icon la la-home"></i>
								</a>
							</li>
							<li class="m-nav__separator">
								-
							</li>
							<li class="m-nav__item">
								<a href="/product_list" class="m-nav__link">
									<span class="m-nav__link-text">
										管理员管理
									</span>
								</a>
							</li>
							<li class="m-nav__separator">
								-
							</li>
							<li class="m-nav__item">
								<a href="" class="m-nav__link">
									<span class="m-nav__link-text" ng-show="id == ''">
										添加管理员
									</span>
									<span class="m-nav__link-text" ng-show="id != ''">
										修改管理员信息
									</span>	
									
								</a>
							</li>

						</ul>
					</div>
					<drop-down></drop-down>
				</div>
			</div>
			<!-- END: Subheader -->
			<div class="m-content">
				<div class="row">
					<div class="col-md-9">
						<!--begin::Portlet-->
						<div class="m-portlet m-portlet--tab">
							<div class="m-portlet__head">
								<div class="m-portlet__head-caption">
									<div class="m-portlet__head-title" >
										<span class="m-portlet__head-icon m--hide">
											<i class="la la-gear"></i>
										</span>
										<h3 class="m-portlet__head-text" ng-show="id == undefined">
											<!-- Base Form Controls -->
											添加管理员
										</h3>
										<h3 class="m-portlet__head-text" ng-show="id != undefined">
											<!-- Base Form Controls -->
											修改管理员信息
										</h3>

									</div>
								</div>
							</div>
							<!--begin::Form-->
							<form class="m-form m-form--fit m-form--label-align-right">
								<div class="m-portlet__body">
									<div class="form-group m-form__group m--margin-top-10" >
									</div>
									<div class="form-group m-form__group m--margin-top-10">
										<div class="alert m-alert m-alert--default" role="alert" style="background-color: #716ACA;color:white">
											基本信息
										</div>
									</div>

									<div class="form-group m-form__group">
										<label for="exampleInputEmail1">
											管理员账号
										</label>
										<input type="text" class="form-control m-input" style="width:50%;min-width:200px" id="name"  placeholder="输入用户姓名"" ng-model="account" ng-disabled="id != undefined">

									</div>

									<div class="form-group m-form__group">
										<label for="exampleInputEmail1">
											管理员密码
										</label>
										<input type="password" class="form-control m-input" style="width:50%;min-width:200px" id="pass"  placeholder="输入密码" ng-model="password" ng-change="changepass()">

									</div>



											<div class="form-group m-form__group" style="width: 50%"> 
												<label for="exampleInputEmail1">
													管理员权限
												</label>
												<select class="form-control m-input" id="catagoryParent" ng-model="myrights" style="width:50%;min-width:200px;height: 200px" ng-options="m.value as m.name for m in rights" multiple>
												    <option value="">-- 请选择(可多选) --</option>
												</select>

											</div>




									</div>

								</div> 

								<div class="m-portlet__foot m-portlet__foot--fit" ng-hide="info">
									<div class="m-form__actions">
										<button 

									class="btn btn-primary" ng-click="newAdmin()" >
										确认
									</button>
									<button type="reset" class="btn btn-secondary" >
										取消
									</button>
								</div>
							</div>
						</form>
						<!--end::Form-->
					</div>

					<!--end::Portlet-->
					<!--begin::Portlet-->

					<!--end::Portlet-->
					<!--begin::Portlet-->

					<!--end::Portlet-->
				</div>
			</div>
		</div>
	</div>
</div>
<!-- end:: Body -->
<!-- begin::Footer -->
<bottom-footer></bottom-footer>
<!-- end::Footer -->
</div>
<!-- end:: Page -->
<!-- begin::Quick Sidebar -->

<!-- end::Quick Sidebar -->		    
<!-- begin::Scroll Top -->
<div id="m_scroll_top" class="m-scroll-top">
	<i class="la la-arrow-up"></i>
</div>
<!-- end::Scroll Top -->		    <!-- begin::Quick Nav -->

<!-- begin::Quick Nav -->	
<!--begin::Base Scripts -->
<script src="../../../assets/vendors/base/vendors.bundle.js" type="text/javascript"></script>
<script src="../../../assets/demo/default/base/scripts.bundle.js" type="text/javascript"></script>
<!--end::Base Scripts -->
</body>
<!-- end::Body -->
</html>
